<div id="main-content">            
	<article id="main-article">					
		<div class="two-column alpha">
			<h4 class="article-title">LOGIN SLAPPIT</h4>
			<div id="contactform">
					<form action="./submitform.php" method="post" id="contact-form">
						<ol class="forms">
							<li><label for="name">Username</label><input type="text" id="username" name="username" value=""></li>                 
							<li><label for="email">Password</label><input type="password" id="password" name="password" value=""></li>		                           				                           	
							<li><a id="login-form" class="silver-button">Login</a>&nbsp;&nbsp;<a id="login-form" class="silver-button">Cancel</a></li>							
						</ol>
					 </form>
				<div class="clear"></div>
				</div>                                             
			</div>
			<div class="clear"></div>
	</article>								
</div>

<script type="text/javascript">
function processLoginForm() {		
 	var checkResult = true;
 	var form = document.getElementById('login-form');
	
 	if(form)
 	{
	 	if(form.password.value.replace(/^\s+/, '') == '')
	 	{		 	
	 		form.password.focus();
			checkResult = false;

			return false;
	 	}
	 	if(form.username.value.replace(/^\s+/, '') == '')
	 	{		 	
	 		form.username.focus();
			checkResult = false;

			return false;
	 	}
		form.submit();	 	
		return true;
 	}
	
 	return false;
	}

</script> 